<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Nodes节点Elements元素</title>
    <script src="../../js/jquery-1.11.0.js"></script>
    <style>
        *{
            margin:0;
            padding:0;
            font-family:"Microsoft Yahei";
            font-size:18px;
        }
    </style>
</head>
<body>
</body>
<script>
    var $li = "<div>Div</div>";
    $("body").append($li);                                                          //插入节点，等于$($li).appendTo($("body"))
    $("div").prepend("<p style='background:#ffcc00'>我是一个段落标签</p>");         //  在div内前面插入一个p标签,子元素，这个语句等于$("<p style='background:#ffcc00'>我是一个段落标签</p>").prependTo($("div"))
    $("div").before("<h1 style='color:red'>一级标题</h1>");                         //  在div外前面插入一个h1标签,同级元素,这个语句等于$("<h1 style='color:red'>一级标题</h1>").insertBefore($("div"))
    $("div p").click(function(){
        $(this).clone().appendTo($("div"));                                        //点击p元素将其复制到div里，每点击一次复制一次
    });
    $("div p").replaceWith("<b>我是b标签</b>");                                    //用内容为"我是b标签"的b标签代替p标签，可以用语句$("<b>我是b标签</b>").replaceAll($("div p"))代替
    var removeE = $("div b").remove();                                            //删除b标签节点,连同b标签本身都不存在
    removeE.prependTo($("div"));                                                  //重新将b标签节点插入到div里的最前面
    $("div b").empty();                                                           //将b标签内容清空，但是b标签还在
    $("div b").text("我回来了！");
    $("div b").wrap("<p></p>")                                                   //包裹节点，用p标签将b标签包裹起来
    $("div p").prepend("<i>我是i1</i><i>我是i2</i><i>我是i3</i>");               //在p标签内最前面插入三个i标签
    $("div p i:eq(2)").after("<s>我是s1</s><s>我是s2</s><s>我是s3</s>");         //在第三个i标签后面插入三个s标签，同级
    $("div p i").wrap("<strong>我是strong</strong>");                            //用strong标签分别包裹住i标签，结构是<strong><i></i></strong>*3
    $("div p s").wrapAll("<strong>我是strong</strong>");                            //用strong标签包裹住s标签，结构是<strong><s></s>*3</strong>
</script>ith
</html>